<div ng-init="init();" class="kmi-layout-content B0801-content">
    <!-- 標題列-->
    <div class="kmi-header-row">
        <!-- 返回按鈕 -->
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <!-- 程式名稱 -->
        <div class="header-title" ng-bind="'B0802.title' | translate"></div>
        <!-- 左上角的logo -->
        <div class="header-logo"></div>
    </div>
    <!-- 程式內容-->
    <div class="kmi-layout-main-content" style="padding:5px;">
        <div class="kmi-layout-page" ng-show="mode == 'query'">
            <div class="kmi-report-panel"></div>
            <div class="report_content">
                <div class="kmi-list column-selector"  column-selector-id="B0801_data">
                    <div class="kmi-list__header">
                        <!-- 20230313 modify by Alan for M#129881: -->
                        <div class="kmi-list__column width-fixed" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="select_all_acc_item()">
                                <img ng-show="select_all == false" src="image/icons/check0.png">
                                <img ng-show="select_all == true" src="image/icons/check1.png" >
                            </button>
                        </div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.list_column.column_1' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.list_column.column_2' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.list_column.column_0' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.list_column.column_3' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.list_column.column_4' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 80px;"  ng-bind="'B0801.list_column.column_5' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'B0801.list_column.column_6' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'B0801.list_column.column_7' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'B0801.list_column.column_8' | translate" ng-show="is_inject"></div>
                        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'B0801.list_column.column_9' | translate" ng-show="is_inject"></div>
                        <div class="kmi-list__column" style="flex: 0 0 100px;" ng-bind="'B0801.list_column.column_10' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="acc_item in acc_data track by $index">
                            <!-- 20230322 modify by Alan for M#129881: -->
                            <div class="kmi-list__column column-border" style="flex:1; z-index: 1;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click ="select_acc_item($event,acc_item)">
                                    <img ng-show="acc_item.is_select == '0'" src="image/icons/check0.png">
                                    <img ng-show="acc_item.is_select == '1'" src="image/icons/check1.png" >
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.state_str"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.accessory_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.accessory_ver"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.model_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.locator_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.used"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.total_residual_life"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.combine_str"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.std_number_cavity" ng-show="is_inject"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="acc_item.good_number_cavity" ng-show="is_inject"></div>
                            <div class="kmi-list__column column-border" style="flex:1; display: flex;">
                                <label class="label" ng-bind="acc_item.printcount" style="padding-top: 2px;"></label>
                                <i class="material-icons" style="padding-left: 5px; cursor: pointer; z-index: 1;" ng-click="printInfoDialog(acc_item);">&#xE88F;</i>
                            </div>
                            <div class="kmi-can-click" ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-page" ng-show="mode == 'print'" style="padding: 0;">
            <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
        </div>
        <div class="kmi-layout-footer" ng-show="mode == 'query'">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
            ng-click="confirm();">
              <i class="material-icons">insert_drive_file</i>
            </button>
        </div>
        <div class="kmi-layout-footer" ng-show="mode == 'print'">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
            ng-click="print();">
              <img src="image/icons/print.png"></img>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
            ng-click="download();">
              <img src="image/icons/download.png"></img>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
            ng-click="cancel();">
              <img src="image/icons/close.png"></img>
            </button>
        </div>
    </div>
</div>